
import { Button, Space } from 'antd';
import { Component } from "react";
import {AlipayCircleOutlined} from "@ant-design/icons"
import { Calendar } from 'antd';

export default class App extends Component {
  
  render() {
    const onPanelChange = (value, mode) => {
      console.log(value.format('YYYY-MM-DD'), mode);
    };
    return (
      <div>
        <Space wrap>
          <Button type="primary">Primary Button</Button>
          <Button>Default Button</Button>
          <Button type="dashed">Dashed Button</Button>
          <Button type="text">Text Button</Button>
          <Button type="link">Link Button</Button>
        </Space>
        <hr/>
        <div>
          <AlipayCircleOutlined />
        </div>
        <div>
        <Calendar onPanelChange={onPanelChange} />;
        </div>
      </div>
    );
  }
}
